<template>
  <div class="boxHeadMind">
    <div class="boxHeadMindL">
      <img src="../../assets/maoyanlog.png" />
    </div>
    <div class="boxHeadMindR">
      <a>发现最新最热电影</a>
      <span></span>
      <a>打开APP></a>
    </div>
  </div>
</template>

<script>
export default {
  name: "heard2",
};
</script>

<style>
.boxHeadMind {
  display: flex;
  width: 10rem;
  height: 1.6rem;
  justify-content: space-around;
  align-items: center;
  border-bottom: 1px solid #e8e8e8;
}
.boxHeadMindL {
  flex: 0 1 20%;
}

.boxHeadMindL img {
  width: 2.506667rem;
  height: 1.04rem;
}

.boxHeadMindR {
  margin-top: -0.133333rem;
}

.boxHeadMindR :first-child {
  color: #666;
  font-size: 14px;
}

.boxHeadMindR span {
  margin-right: 0.026667rem;
  display: inline-block;
  width: 0.013333rem;
  height: 0.346667rem;
  background-color: rgba(0, 0, 0, 0.5);
}

.boxHeadMindR :nth-child(3) {
  font-size: 16px;
  font-weight: 700;
  color: #b37e7e;
}
</style>